<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0, user-scalable=no" name="viewport" />
    <meta content="yes" name=" apple-mobile-web-app-capable" />
    <meta content="no" name="apple-touch-fullscreen" />
    <meta content="black" name=" apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection"/>
    <title>刮刮乐</title>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1576596_y32yrfjbsh.css">
    <script src="../js/jquery-3.4.1.min.js"></script>
    <script src="../js/scratchMod.js"></script>
    <script src="../js/swiper.min.js"></script>
    <link rel="stylesheet" href="../css/swiper.min.css">
    <script src="../js/base.min.js"></script>
    <link rel="stylesheet" href="../css/guagua.css">

</head>
<body>

<button class="rule">活动规则</button>

<div class="mask">
    <div class="pop">
        <button>关闭</button>
    </div>
</div>

<div class="swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide" flex="cross:center main:center">
            <i class="iconfont iconguangbo"></i>
            恭喜用户138*******8获得5元现金红包！
        </div>
        <div class="swiper-slide" flex="cross:center main:center">
            <i class="iconfont iconguangbo"></i>
            恭喜用户177*******7获得10元现金红包！
        </div>
        <div class="swiper-slide" flex="cross:center main:center">
            <i class="iconfont iconguangbo"></i>
            恭喜用户188*******8获得8元现金红包！
        </div>
    </div>
</div>


<div class="guagua" flex="main:center cross:bottom">
    <div id="scratch_mod_container" ></div>
</div>


<div class="da">
        <button class="b">刮奖记录</button>
</div>


<div class="ye">
    <img src="../img/4.png">
</div>

















<script src="../js/guaguale.js"></script>
</body>
</html>